<template>
	<view class="page">
		<view class="box_1">
			<!-- 顶部导航栏组件 -->
			<QSNavbar :navbarItems="navbarItems_1" backgroundColor="#ffffff" ref="navbar"></QSNavbar>
			<view class="box_9">
				<view class="box_11">
					<view class="image-wrapper_7">
						<u-search @search="search" @custom="search" placeholder="搜索" :showAction="false"
							v-model="searchKey">
						</u-search>
					</view>
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/28d5217388bfa211721ff7caa4c0c1dfd1650824.png"
						class="label_7" @click="dropdownclick"></image>
					<image
						src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/a0caafa1d0f5c11490a41f203aab143debf439d6.png"
						class="label_8"></image>
				</view>
				<!-- <scroll-view scroll-x="true">
					<view class="list_1">
						<view class="image-text_14-0" v-for="(item,index) in fieldlist" :key="index"
							@click='fieldclicks(item,index)'>
							<view class="date-item" :class="{ active: dateActives === index }">
								<image v-if="dateActives === index" :src="item.img_s" class="image_19-0"></image>
								<image v-else :src="item.img" class="image_19-0"></image>
							</view>
							<view class="actives" v-if="dateActives === index">{{item.name}}</view>
							<view class="text-group_14-0" v-else>{{item.name}}</view>
						</view>
					</view>
				</scroll-view> -->
				<view class="" style="margin-top: 100rpx;">
					<u-sticky>
						<u-tabs :list="tabsList" lineColor="#886cff" :activeStyle="{
								color: '#886cff'
							}" :inactiveStyle="{
								color: '#353535'
							}" :lineWidth="30" :current="currentTab" @click="onClickTab" />
					</u-sticky>
				</view>
				<scroll-view scroll-y="true" style="width: 100%;
    height: 76vh;
    overflow: hidden;">
					<view class="section_2">
						<view class="block_7">
							<view class="group_16" v-for="(item,index) in commodity" :key="index" v-if="index%2 == 0"
								@click="commoditylist(item,index)">
								<view class="image-text_33">
									<image
										src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png"
										class="image_38"></image>
									<view class="block_8">
										<view class="text-wrapper_4">
											<text lines="1" class="text_8">免</text>
										</view>
										<text lines="1" class="text-group_15">辣子鸡</text>
									</view>
								</view>
								<view class="box_22">
									<view class="text-wrapper_5">
										<price :value="item.price" :color="'#ff4105'"></price>
									</view>
									<text lines="1" class="text_12"
										style="text-decoration: line-through;">¥200.00</text>
									<text lines="1" class="text_12">已售288</text>
								</view>
							</view>

						</view>
						<view class="block_9">
							<view class="group_16_s" v-for="(item,index) in commodity" :key="index" v-if="index%2 != 0"
								@click="productclick(item,index)">
								<view class="image-text_as">
									<image
										src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png"
										class="image_38" style="height: 400rpx;"></image>
									<view class="block_8">
										<view class="text-wrapper_4">
											<text lines="1" class="text_8">免</text>
										</view>
										<text lines="1" class="text-group_15">辣子鸡</text>
									</view>
								</view>
								<view class="box_22">
									<view class="text-wrapper_5">
										<price :value="item.price" :color="'#ff4105'"></price>
									</view>
									<text lines="1" class="text_12"
										style="text-decoration: line-through;">¥200.00</text>
									<text lines="1" class="text_12">已售288</text>
								</view>
							</view>

						</view>
					</view>
				</scroll-view>
			</view>
		</view>
		<view class="cons_contenter" v-if="dropdownmenu" @click="dropdownmenulist"></view>
		<view class="cons_con" v-if="dropdownmenu">
			<view class="cons_con_contenter" v-for="(item,index) in droplist" :key="index"
				@click='fieldclick(item,index)'>
				<view class="date-item_left">
					<view class="actives" v-if="dateActive === index">{{item.name}}</view>
					<view class="text-group_14-0" v-else>{{item.name}}</view>
				</view>
				<view class="date-item_right">
					<image v-if="dateActive === index" :src="item.img" class="image_19-0"></image>
				</view>


			</view>
		</view>
	</view>
</template>

<script>
	import QSNavbar from '@/components/QS-Navbar/QS-Navbar.vue';
	const index = require('@/api/personal/index.js')
	const venues = require("@/api/venues/venues.js");
	export default {
		components: {
			QSNavbar
		},
		data() {
			return {
				droplist: [{
					name: '价格由低到高',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}, {
					name: '价格由高到低',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}, {
					name: '销量排序',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/26d8a9fada06c95955c8ba81836aa4d8b927c35f.png',
				}],
				dropdownmenu: false,
				dateActives: '',
				currentTab: 0,
				tabsList: [{
						name: '分类'
					},
					{
						name: '分类'
					},
					{
						name: '分类'
					},
					{
						name: '分类'
					},
					{
						name: '分类'
					},
				],
				commodity: [{
					name_s: '免',
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288'
				}, {
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288',
					huaxian: '200'
				}, {
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288'
				}, {
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288',
					huaxian: '200'
				}, {
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288'
				}, {
					name: '辣子鸡',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/469bedc1ebe632f58719e61a573e6c1d5480578f.png',
					price: '100',
					yishou: '288',
					huaxian: '200'
				}],
				navbarHeigth: null,
				assetsPath: this.$https.assetsPath,
				tabbar_index: 0,
				homeData: [],
				navbarItems_1: [{
						type: "icon",
						icon: "back",
						layout: "left",
						width: 15,
						doEvent: "back",
						iconColor: "#000000",
					},
					{
						type: "text",
						text: "商品列表",
						width: 70,
						weight: "bold",
						color: "#000000",
						textAlign: "left",
					},
				],
				userLoginPhone: '',
				heading: '',
				jifen: '',
				username: '',
				version_num: "",
				link_url: '',
				is_sure: 1,
				page_url: '/pages/find_index/find_index',
				fieldlist: [{
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}, {
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}, {
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}, {
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}, {
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}, {
					name: '分类',
					img: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/10d77751b1e9530750ac358d6bfd688cccae99b2.png',
					img_s: 'https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/860e2ac9ea03d4431c90e74f81fb34e798b29f43.png',
				}],
				dateActive: ""
			};
		},
		onLoad() {
			let that = this

		},
		onShow() {},
		methods: {
			productclick(item, index) {
				uni.navigateTo({
					url: '../../page_commodity/commodity_product'
				})
			},
			// 蒙版关闭
			dropdownmenulist() {
				this.dropdownmenu = false
			},
			// 打开蒙版/选择
			dropdownclick() {
				this.dropdownmenu = true
			},
			onClickTab({
				index
			}) {
				this.currentTab = index;
			},
			// 分类点击
			fieldclick(item, index) {
				this.dateActive = index
				setTimeout(() => {
					this.dropdownmenu = false
				}, 200)
			},
			commoditylist(item, index) {
				uni.navigateTo({
					url: './commodity_product'
				})
			},
			// 分类点击
			fieldclicks(item, index) {
				console.log(item, index, '999966666')
				this.dateActives = index
			},
			merchantclick(item, index) {
				console.log(item, index, '999966666')
			},
			selectclick(item, index) {
				console.log(item, index, '999966666')
			},

		}
	}
</script>

<style lang="scss">
	@import url("@/static/css/personal/index.css");

	.u-page__tag-item {
		width: 100%;
		height: 16rpx;
		margin-left: 170rpx;
		box-sizing: border-box;
	}

	.page {
		position: relative;
		width: 750rpx;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}

	.cons_contenter {
		position: absolute;
		animation-duration: 0.2s;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 99;
		background-color: rgba(0, 0, 0, 0.7);
		transition: opacity 0.3s;
	}

	.cons_con {
		position: absolute;
		animation-duration: 0.2s;
		width: 100%;
		height: auto;
		top: 270rpx;
		left: 0;
		z-index: 999;
		background-color: #fff;
		transition: opacity 0.3s;
	}

	.cons_con_contenter {
		width: 90%;
		height: 80rpx;
		// padding: 0 30rpx;
		border-bottom: 1rpx #e5e5e5 solid;
		margin-left: 5%;
	}

	.date-item_right {
		color: #e5e5e5;
		float: right;
	}

	.date-item_left {
		float: left;
	}

	.image_19-0 {
		width: 30rpx;
		height: 30rpx;
		margin-top: 25rpx;
		margin-left: 30rpx;
	}

	.actives {
		color: #886cff;
		font-size: 28rpx;
		text-align: left;
		margin: 20rpx 0 0 27rpx;
	}

	.text-group_14-0 {
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		text-align: left;
		margin: 20rpx 0 0 27rpx;
	}

	.box_1 {
		position: relative;
		width: 750rpx;
		// height: 3300rpx;
		// background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psw5vfa0j12ghmcukch33b4rvfxedi5c7f03edbd9-a482-4bc3-81d6-a5f0269d2309) 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
	}

	.image_1 {
		width: 654rpx;
		height: 22rpx;
		margin: 33rpx 0 0 48rpx;
	}

	.box_2 {
		width: 750rpx;
		height: 970rpx;
		display: flex;
		flex-direction: column;
	}

	.group_1 {
		width: 689rpx;
		height: 55rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 49rpx 0 0 31rpx;
	}

	.text_1 {
		width: 72rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 36rpx;
		font-family: PingFang-SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 36rpx;
		margin-top: 10rpx;
	}

	.image_2 {
		width: 150rpx;
		height: 55rpx;
	}

	.text-wrapper_1 {
		width: 145rpx;
		height: 50rpx;
		display: flex;
		flex-direction: row;
		margin: 68rpx 0 0 54rpx;
	}

	.text_2 {
		width: 145rpx;
		height: 50rpx;
		overflow-wrap: break-word;
		color: rgba(255, 254, 254, 1);
		font-size: 48rpx;
		font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.text-wrapper_2 {
		width: 268rpx;
		height: 26rpx;
		display: flex;
		flex-direction: row;
		margin: 33rpx 0 0 54rpx;
	}

	.text_3 {
		width: 268rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(255, 254, 254, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.image-wrapper_1 {
		width: 67rpx;
		height: 16rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 57rpx 0 10rpx 311rpx;
	}

	.image_3 {
		width: 41rpx;
		height: 16rpx;
	}

	.thumbnail_1 {
		width: 16rpx;
		height: 16rpx;
	}

	.group_3 {
		width: 696rpx;
		height: 31rpx;
		flex-direction: row;
		display: flex;
		margin: 40rpx 0 0 30rpx;
	}

	.image_4 {
		width: 6rpx;
		height: 30rpx;
	}

	.text_4 {
		width: 124rpx;
		height: 31rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin-left: 27rpx;
	}

	.image-text_1 {
		width: 97rpx;
		height: 28rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 1rpx 0 0 442rpx;
	}

	.text-group_1 {
		width: 57rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(190, 190, 190, 1);
		font-size: 30rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.label_1 {
		width: 24rpx;
		height: 24rpx;
		margin-top: 2rpx;
	}

	.group_4 {
		width: 690rpx;
		height: 282rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 29rpx 0 0 30rpx;
		flex-wrap: wrap
	}

	.group_5 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		display: flex;
		flex-direction: row;

	}

	.image-text_2 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_5 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_2 {
		width: 84rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.group_6 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		margin-left: 21rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_3 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_6 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_3 {
		width: 84rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.group_7 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		margin-left: 21rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_4 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_7 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_4 {
		width: 84rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.group_8 {
		width: 690rpx;
		height: 282rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0 31rpx 30rpx;
	}

	.group_9 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_5 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_8 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_5 {
		width: 141rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.group_10 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		margin-left: 21rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_6 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_9 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_6 {
		width: 84rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.group_11 {
		box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: 10rpx;
		width: 216rpx;
		height: 282rpx;
		margin-left: 21rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_7 {
		width: 216rpx;
		height: 263rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_10 {
		width: 216rpx;
		height: 216rpx;
	}

	.text-group_7 {
		width: 55rpx;
		height: 27rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 28rpx;
		margin: 20rpx 0 0 11rpx;
	}

	.box_3 {
		height: 678rpx;
		background: url('https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/2767854a6586e09a8e658e82788f8e4f8f9ce51d.png') 100% no-repeat;
		background-size: 100% 100%;
		width: 690rpx;
		display: flex;
		flex-direction: column;
		margin: -1rpx 0 0 30rpx;
		flex-wrap: wrap
	}

	.box_q {
		width: 670rpx;
		height: 174rpx;
		margin: 70rpx 0 0 10rpx;
	}

	.box_4 {
		width: 670rpx;
		height: 174rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 30rpx 0 0 0rpx;
		flex-wrap: wrap
	}

	.group_12 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		flex-direction: row;
		display: flex;
		margin-top: 15rpx;
	}

	.text-wrapper_3 {
		background-color: rgba(252, 75, 91, 1.000000);
		border-radius: 50%;
		height: 28rpx;
		display: flex;
		flex-direction: column;
		width: 28rpx;
		margin: 130rpx 0 0 20rpx;
	}

	.text_5 {
		width: 14rpx;
		height: 15rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 18rpx;
		font-family: 59--Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 15rpx;
		margin: 7rpx 0 0 7rpx;
	}

	.image-text_8 {
		width: 257rpx;
		height: 141rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 13rpx 14rpx 0 11rpx;
	}

	.image_11 {
		width: 163rpx;
		height: 108rpx;
		margin-left: 23rpx;
	}

	.text-group_8 {
		width: 257rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 12rpx;
	}

	.group_13 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_9 {
		width: 257rpx;
		height: 152rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 2rpx 0 0 21rpx;
	}

	.image_12 {
		width: 124rpx;
		height: 125rpx;
		margin-left: 78rpx;
	}

	.text-group_9 {
		width: 257rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 6rpx;
	}

	.box_5 {
		width: 670rpx;
		height: 174rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 10rpx 0 0 10rpx;
	}

	.group_14 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_10 {
		width: 257rpx;
		height: 133rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 21rpx 0 0 21rpx;
	}

	.image_13 {
		width: 101rpx;
		height: 101rpx;
		margin-left: 87rpx;
	}

	.text-group_10 {
		width: 257rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 11rpx;
	}

	.group_15 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_11 {
		width: 257rpx;
		height: 133rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 21rpx 0 0 21rpx;
	}

	.image_14 {
		width: 100rpx;
		height: 100rpx;
		margin-left: 92rpx;
	}

	.text-group_11 {
		width: 257rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 12rpx;
	}

	.box_6 {
		width: 670rpx;
		height: 174rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 10rpx 0 26rpx 10rpx;
	}

	.box_7 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_12 {
		width: 257rpx;
		height: 141rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 13rpx 0 0 59rpx;
	}

	.image_15 {
		width: 163rpx;
		height: 108rpx;
		margin-left: 23rpx;
	}

	.text-group_12 {
		width: 257rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 12rpx;
	}

	.box_8 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 15rpx;
		width: 330rpx;
		height: 174rpx;
		display: flex;
		flex-direction: row;
	}

	.image-text_13 {
		width: 257rpx;
		height: 152rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 2rpx 0 0 21rpx;
	}

	.image_16 {
		width: 124rpx;
		height: 125rpx;
		margin-left: 78rpx;
	}

	.text-group_13 {
		width: 257rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(26, 26, 26, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 48rpx;
		margin-top: 6rpx;
	}

	.box_9 {
		width: 750rpx;
		height: 100%;
		// margin-bottom: 1rpx;
		display: flex;
		flex-direction: column;
	}

	/deep/.u-tabs {
		background-color: #fff;
		margin: 0 30rpx;

		.u-tabs__wrapper__nav__item {
			flex: 1;
		}

		.u-tabs__wrapper__nav__line {
			bottom: 0;
		}
	}

	.block_1 {
		width: 690rpx;
		height: 31rpx;
		flex-direction: row;
		display: flex;
		margin: 40rpx 0 5rpx 30rpx;
	}

	.image_17 {
		width: 6rpx;
		height: 30rpx;
	}

	.text_6 {
		width: 126rpx;
		height: 31rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin-left: 27rpx;
	}

	.text_7 {
		width: 57rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(190, 190, 190, 1);
		font-size: 30rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 1rpx 0 0 440rpx;
	}

	.image_18 {
		width: 13rpx;
		height: 23rpx;
		margin: 4rpx 0 0 21rpx;
	}

	.list_1 {
		width: 687rpx;
		height: 280rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 110rpx 0 0 30rpx;
	}

	.image-text_14-0 {
		width: 96rpx;
		height: 150rpx;
		margin-right: 52rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.date-item {
			// padding: 20rpx 20rpx;
			width: 100rpx;
			height: 100rpx;
			border-radius: 50% 50%;
			background-color: #e5e5e5;
			color: #e5e5e5;
		}

		.active {
			width: 100rpx;
			height: 100rpx;
			border-radius: 50% 50%;
			background-color: #0055ff;
			color: #0055ff;
		}

		.image_19-0 {
			width: 42rpx;
			height: 42rpx;
			margin-top: 25rpx;
			margin-left: 30rpx;
		}

		.actives {
			color: rgba(0, 85, 255, 1.0);
			font-size: 22rpx;
			text-align: left;
			margin: 10rpx 0 0 27rpx;
		}

		.text-group_14-0 {
			color: rgba(51, 51, 51, 1);
			font-size: 22rpx;
			text-align: left;
			margin: 10rpx 0 0 27rpx;
		}

	}


	.image-text_14-1 {
		width: 96rpx;
		height: 138rpx;
		margin-right: 52rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_19-1 {
		width: 96rpx;
		height: 97rpx;
	}

	.text-group_14-1 {
		width: 42rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 19rpx 0 0 27rpx;
	}

	.image-text_14-2 {
		width: 96rpx;
		height: 138rpx;
		margin-right: 52rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_19-2 {
		width: 96rpx;
		height: 97rpx;
	}

	.text-group_14-2 {
		width: 42rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 19rpx 0 0 27rpx;
	}

	.image-text_14-3 {
		width: 96rpx;
		height: 138rpx;
		margin-right: 52rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_19-3 {
		width: 96rpx;
		height: 97rpx;
	}

	.text-group_14-3 {
		width: 42rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 19rpx 0 0 27rpx;
	}

	.image-text_14-4 {
		width: 96rpx;
		height: 138rpx;
		margin-right: 52rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_19-4 {
		width: 96rpx;
		height: 97rpx;
	}

	.text-group_14-4 {
		width: 42rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 30rpx;
		margin: 19rpx 0 0 27rpx;
	}

	.block_2 {
		width: 690rpx;
		height: 100%;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 29rpx 0 1rpx 30rpx;
		flex-wrap: wrap
	}

	.block_3 {
		width: 335rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 30rpx;
	}

	.group_16 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 409rpx;
		display: flex;
		flex-direction: column;
		margin-top: 30rpx;
	}

	.group_166 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 460rpx;
		display: flex;
		flex-direction: column;
	}

	.image-text_15 {
		width: 335rpx;
		height: 371rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.group_17 {
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: NaNrpx;
		width: 335rpx;
		height: 335rpx;
		display: flex;
		flex-direction: column;
	}

	.group_a {
		background-color: rgba(243, 243, 243, 1.000000);
		border-radius: NaNrpx;
		width: 335rpx;
		height: 400rpx;
		display: flex;
		flex-direction: column;
	}

	.group_18 {
		width: 116rpx;
		height: 28rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 8rpx 0 0 10rpx;
	}

	.text-wrapper_4 {
		background-color: rgba(252, 75, 91, 1.000000);
		border-radius: 50%;
		height: 28rpx;
		display: flex;
		flex-direction: column;
		width: 28rpx;
	}

	.text_8 {
		width: 14rpx;
		height: 15rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 18rpx;
		font-family: 59--Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 15rpx;
		margin: 7rpx 0 0 7rpx;
	}

	.text-group_15 {
		width: 78rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin-top: 1rpx;
	}

	.block_4 {
		width: 323rpx;
		height: 21rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 8rpx 0 9rpx 11rpx;
	}

	.text-wrapper_5 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-size: 0rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_9 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_10 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_11 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_12 {
		width: 81rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.group_19 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 409rpx;
		margin-top: 20rpx;
		flex-direction: row;
		display: flex;
	}

	.image-text_16 {
		width: 335rpx;
		height: 400rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.group_20 {
		background-color: rgba(237, 240, 255, 1.000000);
		border-radius: NaNrpx;
		width: 335rpx;
		height: 335rpx;
		display: flex;
		flex-direction: column;
	}

	.text-group_16 {
		width: 105rpx;
		height: 56rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 9rpx 0 0 10rpx;
	}

	.text_13 {
		width: 79rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.text-wrapper_6 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-size: 0rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		margin: 10rpx 0 0 1rpx;
	}

	.text_14 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-family: PingFang-SC-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_15 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_16 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_17 {
		width: 81rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 381rpx 1rpx 0 -82rpx;
	}

	.image_20 {
		width: 335rpx;
		height: 335rpx;
		// margin-top: 20rpx;
	}

	.image_22 {
		width: 335rpx;
		height: 400rpx;
		// margin-top: 20rpx;
	}


	.text_20 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_21 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-family: DIN-Bold;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_22 {
		width: 86rpx;
		height: 18rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: right;
		white-space: nowrap;
		line-height: 39rpx;
		// margin: 425rpx 0 0 -190rpx;
	}

	.text_23 {
		width: 81rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		text-align: right;
		white-space: nowrap;
		line-height: 34rpx;
		// margin: 428rpx 0 0 20rpx;
	}

	.group_22 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 474rpx;
		margin-top: 20rpx;
		flex-direction: row;
		display: flex;
	}


	// 下面商品

	.section_2 {
		width: 690rpx;
		// height: 1185rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 0rpx 0 1rpx 30rpx;
	}

	.block_7 {
		width: 335rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.group_16 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 420rpx;
		display: flex;
		flex-direction: column;
		margin-top: 30rpx;
	}

	.group_16_s {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 470rpx;
		display: flex;
		flex-direction: column;
		margin-top: 30rpx;
	}

	.image-text_33 {
		width: 335rpx;
		height: 371rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image-text_as {
		width: 335rpx;
		height: 420rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_38 {
		width: 335rpx;
		height: 335rpx;
	}

	.block_8 {
		width: 116rpx;
		height: 28rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 8rpx 0 0 10rpx;
	}

	.text-wrapper_4 {
		background-color: rgba(252, 75, 91, 1.000000);
		border-radius: 50%;
		height: 28rpx;
		display: flex;
		flex-direction: column;
		width: 28rpx;
	}

	.text_8 {
		width: 14rpx;
		height: 15rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1);
		font-size: 18rpx;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 15rpx;
		margin: 7rpx 0 0 7rpx;
	}

	.text-group_15 {
		width: 78rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin-top: 1rpx;
	}

	.box_22 {
		width: 323rpx;
		height: 21rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
		margin: 13rpx 0 14rpx 11rpx;
	}

	.text-wrapper_5 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_9 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_10 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_11 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_12 {
		width: 81rpx;
		height: 30rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 45rpx;
	}

	.group_19 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 409rpx;
		margin-top: 20rpx;
		flex-direction: row;
		display: flex;
	}

	.image-text_34 {
		width: 335rpx;
		height: 400rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_39 {
		width: 335rpx;
		height: 335rpx;
	}

	.text-group_19 {
		width: 105rpx;
		height: 56rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 9rpx 0 0 10rpx;
	}

	.text_13 {
		width: 79rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.text-wrapper_6 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		margin: 10rpx 0 0 1rpx;
	}

	.text_14 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_15 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_16 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_17 {
		width: 81rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 381rpx 1rpx 0 -82rpx;
	}

	.image_40 {
		width: 335rpx;
		height: 327rpx;
		margin-top: 20rpx;
	}

	.block_9 {
		width: 335rpx;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_41 {
		width: 335rpx;
		height: 400rpx;
	}

	.text-group_20 {
		width: 105rpx;
		height: 56rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 9rpx 0 0 14rpx;
	}

	.text_18 {
		width: 78rpx;
		height: 25rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.text-wrapper_7 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		margin: 10rpx 0 0 1rpx;


		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_19 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_20 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_21 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_22 {
		width: 86rpx;
		height: 18rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		// margin: 447rpx 0 0 -197rpx;
	}

	.text_23 {
		width: 81rpx;
		height: 22rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		// margin: 443rpx 0 0 30rpx;
	}

	.group_22 {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		width: 335rpx;
		height: 474rpx;
		margin-top: 20rpx;
		flex-direction: row;
		display: flex;
	}

	.image-text_36 {
		width: 335rpx;
		height: 465rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.image_42 {
		width: 335rpx;
		height: 400rpx;
	}

	.text-group_21 {
		width: 106rpx;
		height: 56rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 9rpx 0 0 14rpx;
	}

	.text_24 {
		width: 106rpx;
		height: 26rpx;
		overflow-wrap: break-word;
		color: rgba(51, 51, 51, 1);
		font-size: 26rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
	}

	.text-wrapper_8 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		margin: 9rpx 0 0 1rpx;
	}

	.text_25 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_26 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 28rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_27 {
		width: 104rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(255, 15, 15, 1);
		font-size: 22rpx;
		font-weight: 700;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
	}

	.text_28 {
		width: 86rpx;
		height: 18rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 39rpx;
		margin: 447rpx 0 0 -197rpx;
	}

	.text_29 {
		width: 81rpx;
		height: 21rpx;
		overflow-wrap: break-word;
		color: rgba(153, 153, 153, 1);
		font-size: 22rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 34rpx;
		margin: 446rpx 1rpx 0 29rpx;
	}

	.image_43 {
		width: 335rpx;
		height: 197rpx;
		margin-top: 20rpx;
	}








	.image-wrapper_7 {
		position: absolute;
		left: 30rpx;
		top: 30rpx;
		width: 541rpx;
		height: 62rpx;
		flex-direction: row;
		display: flex;
	}

	.box_11 {
		position: fixed;
		left: 0rpx;
		top: 160rpx;
		width: 750rpx;
		height: 130rpx;
		display: flex;
		flex-direction: column;
		z-index: 999;
		background: #ffffff;
	}

	.label_7 {
		position: absolute;
		left: 606rpx;
		top: 42rpx;
		width: 36rpx;
		height: 36rpx;
	}

	.label_8 {
		position: absolute;
		left: 676rpx;
		top: 42rpx;
		width: 36rpx;
		height: 36rpx;
	}
</style>